<template>
	<view class="ranking">
		<u-tabs :list="list" :is-scroll="false" :current="current" @change="change" style="box-shadow: 0px 0px 1px #888888;"></u-tabs>
		<view class="" v-if="this.current==0">
			
		</view>
		<view class="" v-if="this.current==1">
			
		</view>
		<view class="" v-if="this.current==2">
			
		</view>
		<view class="laba">
			<view class="img">
				<image src="../../static/laba.png" mode=""></image>
			</view>
			<view style="padding-left: 30px;">兄弟们加油啊，明天更美好~</view>
		</view>
		<u-tabs :list="list1" :is-scroll="false" :current="current1" @change="change1" style="background: rgb(242,248,254);"></u-tabs>
		<view class="" v-if="this.current1==0">
			<view class="no">
				<image src="../../static/img/space.png" mode=""></image>
				<view class="xiaoxi">
					暂无接单员入榜呢~
				</view>
			</view>
		</view>
		<view class="" v-if="this.current1==1">
			<view class="no">
				<image src="../../static/img/space.png" mode=""></image>
				<view class="xiaoxi">
					暂无接单员入榜呢~
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"ranking",
		data(){
			return{
				list: [{
					name: '今日榜单'
				}, {
					name: '本周榜单'
				}, {
					name: '本月榜单'
				}],
				list1: [{
					name: '单量'
				}, {
					name: '里程'
				}],
				current: 0,
				current1: 0,
			}
		},
		methods:{
			change(index) {
				this.current = index;
			},
			change1(index) {
				this.current1 = index;
			},
		}
	}
</script>

<style scoped>
	.laba{
		width: 100%;
		height: 76rpx;
		background: rgb(230,242,253);
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: 60%;
	}
	.img image{
		width: 50rpx;
		height: 50rpx;
	}
	.no{
		display: flex;
		flex-direction: column;
		align-content: center;
		align-items: center;
		padding-top: 20%;
	}
	.no image{
		width: 300rpx;
		height: 200rpx;
	}
	.no view{
		color: rgb(153,153,153);
		padding-top: 30rpx;
	}
</style>
